<template>
  <div>
    <comchild>
      <p>插槽{{ name }}</p>
      <h1>具名插槽{{ name1 }}</h1>
      <h2 slot="join">我是雷霆嘎巴</h2>
      <h1>嘎嘎嘎</h1>
      <!-- //作用域插槽 -->
      <hr />
      <template #w1="obj"
        ><p>我是作用域{{ obj.obj1 }}</p></template
      >
      <slot :obj1="data" name="w1"></slot>
      <slot :obj2="obj" name="w2"></slot>
      <!-- scope 可以接受全部传过来的值，如果传过来的是数组，就不能[]去拿值，可以通过v-for拿值 -->
      <!-- <template slot-scope="obj">
        <div v-for="item in obj.obj1" :key="item.name">{{ item.name }}</div>
      </template> -->
    </comchild>
  </div>
</template>

<script>
export default {
  data() {
    return {
      name: "我是空气",
      name1: "我是二氧化碳",
      obj: "张部",
      obj1: [{ name: "离合" }, { name: "黄羽" }],
    };
  },
};
</script>

<style lang="scss" scoped>
</style>